<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <title>永鹏盛-新首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
    
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="top-bar">
            <div class="top-box">
                <div class="top-right fr">
                    <a href="#" class="message"></a>
                    <a href="#" class="collect"></a>
                    <a href="#" class="map"></a>
                </div>
                <h1><a href="#"><img src="images/logo_top.png" alt=""></a></h1>
                欢迎光临停车场系统解决方案提供商——永鹏盛
            </div>
        </div>
        <div class="nav-bar">
            <div class="com-width">
                <div class="nav-box fr">
                    <ul>              
                        <li class="on"><a href="#">首页</a></li>
                        <li><a href="#">产品中心</a></li>
                        <li><a href="#">解决方案</a></li>
                        <li><a href="#">案例展示</a></li>
                        <li><a href="#">招商合作</a></li>
                        <li><a href="#">新闻资讯</a></li>
                        <li><a href="#">关于永鹏盛</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Banner -->
    <div class="banner">
        <div class="btn-box">
          <a class="prev" href="javascript:void(0)"><</a>
          <a class="next" href="javascript:void(0)">></a>
        </div>
        <div class="bd">
            <ul>
                <li>
                   <a href="#" class="pic" style="background:url(images/banner.jpg) center no-repeat;"></a>
                </li>
                <li>
                   <a href="#" class="pic" style="background:url(images/banner.jpg) center no-repeat;"></a>
                </li>
                <li>
                   <a href="#" class="pic" style="background:url(images/banner.jpg) center no-repeat;"></a>
                </li>
            </ul>       
        </div>
        <div class="hd">
          <ul></ul>
        </div>
    </div>
    
    <!-- 搜索框 -->
    <div class="search-bar">
        <div class="s-left fl">
            <div class="hot-s">
                热门搜索：<a href="#">广告道闸</a><a href="#">停车场系统</a><a href="#">智能道闸</a><a href="#">车牌识别</a>
            </div>
            <div class="search-box">
                <i></i>
                <form  name="formsearch"  action="{:U('Contents/Index/search')}" method="GET">
                  <input type="hidden" name="g" value="Contents" />
                  <input type="hidden" name="m" value="Index" />
                  <input type="hidden" name="a" value="search" />
                  <input type="text" name="q" size="24" class="key" id="searchi_q" value="请输入产品关键字" onblur="if (value=='') {value='请输入产品关键字'}" onfocus="if(value=='请输入产品关键字') {value=''}"><input type="submit" class="sub fr"  value="搜索" />
                </form>
            </div>
        </div>
        <div class="call-right fr">
            <ul>
                <li class="call"> 
                    <i></i>
                    <h5>全国服务热线</h5>
                    <p>400 555 3585</p>
                </li>
                <li class="tel">
                    <i></i>
                    <h5>大客户专线</h5>
                    <p>13823609550</p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 产品中心 -->
    <div class="product">
        <div class="com-tit">
            <h2>产品之道  极致专注</h2>
            <h4><i>PRODUCT</i><span></span></h4>
            <i></i>
        </div>
        <div class="product-show com-width clearfix">
            <ul class="first">
                <li class="one">
                    <div class="pic"><i></i></div>
                    <h3><a href="#">停车场系统</a></h3>
                    <ul class="second">
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                    </ul>
                    <a href="#" class="more">More</a>
                </li>
                <li class="two">
                    <div class="pic"><i></i></div>
                    <h3><a href="#">停车场系统</a></h3>
                    <ul class="second">
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                    </ul>
                    <a href="#" class="more">More</a>
                </li>
                <li class="three">
                    <div class="pic"><i></i></div>
                    <h3><a href="#">停车场系统</a></h3>
                    <ul class="second">
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                    </ul>
                    <a href="#" class="more">More</a>
                </li>
                <li class="four">
                    <div class="pic"><i></i></div>
                    <h3><a href="#">停车场系统</a></h3>
                    <ul class="second">
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                        <li>
                            <a href="#">IC卡停车场系统</a>
                        </li>
                    </ul>
                    <a href="#" class="more">More</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 案例 -->
    <div class="case">
        <div class="com-tit">
            <h2>品牌之道  天道酬勤</h2>
            <h4><i>CASE</i><span></span></h4>
            <i></i>
        </div>
        <div class="case-show com-width">
            <div class="case-item">
                <ul>
                    <li class="on">
                        <a href="#">广告道闸</a>
                    </li>
                    <li>
                        <a href="#">停车场系统</a>
                    </li>
                    <li>
                        <a href="#">智能道闸</a>
                    </li>
                </ul>
            </div>
            <div class="bd">
                <div class="case-box">
                    <ul>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                    <a href="#" class="more">更多案例</a>
                </div>
                <div class="case-box">
                    <ul>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸2</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸22</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸222</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                        <li>
                            <a href="#" class="pic"><img src="images/case.jpg" alt=""></a>
                            <a href="#" class="tit">商城广告道闸</a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                    <a href="#" class="more">更多案例</a>
                </div>
            </div>
            
        </div>
    </div>

    <!-- 优势 -->
    <div class="ys">
        <div class="com-tit">
            <h2>优势之道  素谓天成</h2>
            <h4><i>SUPERIORITY</i><span></span></h4>
            <i></i>
        </div>
        <div class="ys-show com-width clearfix">
            <ul>
                <li>
                    <b>10</b><br>
                    10年行业经验
                </li>
                <li>
                    <b>12</b><br>
                    12项产品专利
                </li>
                <li>
                    <b>24</b><br>
                    最快24小时发货
                </li>
                <li>
                    <b>100</b><br>
                    远销中国100余个城市
                </li>
                <li>
                    <b>1000</b><br>
                    1000家合作伙伴选择
                </li>
            </ul>
        </div>
    </div>

    <!-- 合作伙伴 -->
    <div class="partner">
        <div class="com-tit">
            <h2>寒来暑往  一路同行</h2>
            <h4><i>OUR CLIENT</i><span></span></h4>
            <i></i>
        </div>
        <div class="partner-show com-width">
            <ul>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户一</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
                <li>
                    <img src="images/partner.png" alt="">
                    <span>客户二</span>
                </li>
            </ul>
        </div>
    </div>

    <!-- 公司环境 -->
    <div class="huanjing">
        <div class="com-tit">
            <!-- <h2>环境展示</h2> -->
            <h4>公司环境展示</h4>
            <i></i>
        </div>
        <div class="hj-show">
            <div class="btnMode" id="slider">    
                <a href="javascript:void(0);" class="prev btn"></a>
                <div class="scroll">    
                    <ul class="scrollContainer">
                        <li class="panel" id="panel_1">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/dududu.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_2">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/penk.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_3">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/465.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel current" id="panel_4">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/sey.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_5">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/oab.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_6">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/wo.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_7">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/ala.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_7">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/ala.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                        <li class="panel" id="panel_7">
                            <a href="http://www.lanrenzhijia.com/" class="inside" target="_blank">
                                <img width="230" height="295" src="images/ala.jpg" />
                                <span>文字内容描述</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <a href="javascript:void(0);" class="next btn"></a>     
            </div>
        </div>
    </div>

    <!-- 动态tab -->
    <div class="news">
        <div class="news-tab">
            <ul>
                <li class="on">
                    <a href="#">公司动态</a>
                </li>
                <li>
                    <a href="#">行业资讯</a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
            </ul>
        </div>
        <div class="bd">
            <div class="news-show com-width">
                <ul>
                    <li class="left">
                        <a href="#" class="pic"><img src="images/news.jpg" alt=""></a>
                        <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                        <span>201512.23</span>
                        <p>
                            卓越迈创专注于高端网站建设，此次为海王生物集团建设全新官网 2009年国家医改政策发布后在全国首创推出医疗机构药品和器械耗
                        </p>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="news-show com-width">
                <ul>
                    <li class="left">
                        <a href="#" class="pic"><img src="images/news.jpg" alt=""></a>
                        <h4><a href="#" class="tit">2016年中秋节国庆节放假通知</a></h4>
                        <span>201512.23</span>
                        <p>
                            卓越迈创专注于高端网站建设，此次为海王生物集团建设全新官网 2009年国家医改政策发布后在全国首创推出医疗机构药品和器械耗
                        </p>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                    <li class="right">
                        <div class="cont">
                            <span class="time fl"><i>23</i><br>2015.12</span>
                            <h4><a href="#" class="tit">2015年中秋节国庆节放假通知</a></h4>
                            <p>
                                全国第一个实际使用“解放双手”小区智能感应
                                一卡通系统的车辆通过智能项目
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="footer">
        <div class="com-width">
            <div class="logo-bot fl">
                <a href="#"><img src="images/logo_bot2.png" alt=""></a>
            </div>
            <div class="right">
                <div class="nav-bot">
                    <ul>              
                        <li><a href="#">首页</a></li>
                        <li><a href="#">产品中心</a></li>
                        <li><a href="#">解决方案</a></li>
                        <li><a href="#">案例展示</a></li>
                        <li><a href="#">招商合作</a></li>
                        <li><a href="#">新闻资讯</a></li>
                        <li><a href="#">关于永鹏盛</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="qr-box fr">
                    <img src="images/qrcode.jpg" alt="">
                    扫一扫，更多惊喜
                </div>
                <p>
                    服务热线：400 555 3585     大客户专线：13823609550 <br>
                    地址：广东省深圳市龙华新区观澜镇君子布兴发路3号 <br>
                    版权所有 © <a href="#">深圳市永鹏盛有限公司</a>
                </p>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    

    <script type="text/javascript" src="js/index.js"></script>
    <script src="js/lanrenzhijia.js"></script>
</body>
</html>